<template>
  <div>
    <div class='card-list'>
      <!--              卡片头-->
      <div class='card-content'>
        <span class='card-content-1'>组织</span>
        <span class='card-content-2'>操作</span>
      </div>
      <!--              卡片内容-->
      <div class='card-content' style='background:#fff'>
        <span class='card-content-1'>天心代发公司</span>
        <span class='card-content-2'>
                    <a-checkable-tag @change='getSearch'>
                          <a-icon type='search' />
                    </a-checkable-tag>
                   <a-checkable-tag @change='getSearch'>
                         <a-icon type='delete' />
                    </a-checkable-tag>
                </span>
      </div>

    </div>
  </div>
</template>

<script>
export default {
  name: 'salePlaceCard',
  methods: {
    getSearch() {
      console.log('search')
    }
  }
}
</script>

<style lang='less' scoped>
.card-list {
  width: 100%;
  border: 1px solid #dadada;
  border-radius: 6px;

  .card-content {
    display: flex;
    justify-content: space-between;
    padding: 6px;
    background: #dadada;


    .card-content-1 {
      flex: 1;
    }

    .card-content-2 {
      width: 60px;
      display: flex;
      justify-content: space-between;
      padding: 4px;
    }
  }
}
</style>